/*global*/
html{background-color:#fff;_background-image:url(about:blank);}
body{font:12px "microsoft yahei","微软雅黑","宋体",arial,tahoma,sans-serif;color:#333333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th { margin: 0;padding: 0; }
body{background-color:#fff; padding-top:100px}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
ol,dl,ul {list-style: none; }
table {border-collapse: collapse;border-spacing: 0px;}
fieldset, img { border: 0; }
div,ul,ol,li,dl,dt,dd,img,p,*{margin:0px;padding:0px;list-style:none;border:0;}
a{outline:none;/*for-ff*/ hide-focus:expression(this.hideFocus=true);/*for-ie*/ -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;}
a:link, a:visited{text-decoration:none; color:#333}
a:hover{color:#CA2B2F;text-decoration: none;}
.clearfix{ clear:both}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;overflow:hidden}
.fl{float:left}
.fr{float:right}
.w310{width:310px;}
/*main*/
.w_con{width:100%; width:expression_r(document.body.clientWidth <= 1140? "1140px": "auto"); min-width:1140px;}
.container{width:1140px; margin:0 auto}
.w_container{width:1140px; margin:0 auto}
.header{ height:100px; width:100%; background:#FFF; webkit-box-shadow:0 0 4px #666; -moz-box-shadow:0 0 4px #666;  box-shadow:0 0 4px #666; position:fixed; z-index:9999; top:0; left:0}
.headerBox{position:relative; height:100px}
.logoBox{ height:82px; width:82px; position:absolute; left:50%; top:10px; margin-left:-41px}
.main_nav{height:100px; overflow:hidden;}
.main_nav li{ float:left; width:14.2%}
.main_nav li a{display:block;  font-size:20px; text-align:center; line-height:100px; color:#333; padding:0 16px}
.main_nav li a:hover{ color:#164998;}
.main_nav li.current a{color:#164998; border-top:#164998 2px solid}

.footerBox{height:auto;width:100%; line-height:200%; text-align:center; padding:40px 0; }
.res{ text-align:center; color:#888; padding:20px 0}
.res strong{ color:#666; font-size:20px; display:block; margin-bottom:20px}
.res span{ display:inline-block; margin:0 6px; font-size:13px}
.res span.tel{ font-size:18px;}

.bottom_tools{position:fixed;z-index:1070;right:40px;bottom:40px;}
.bottom_tools>*{font:0/0 a;display:block;margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
.qr_img{position:absolute;top:-189px;left:-183px;display:none;}
#scrollUp{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-1px -1px;display:none;}
#scrollUp:hover{background-image:url(../images/backgrounds.32.png);background-position:-1px -46px}
#feedback{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-47px -1px}
#feedback:hover{background-image:url(../images/backgrounds.32.png);background-position:-47px -46px}
.qr_tool{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-93px -1px;cursor:pointer;}
.qr_tool:hover {width: 45px;height: 45px;background-image: url(../images/backgrounds.32.png);background-position:-93px -46px;}

/*index*/
.top_banner{ background-color:#EDF1F6; height:480px; }
.top_banner strong, .top_banner span{ display:block; text-align:center}
.top_banner strong{padding-top:60px; font-size:48px; color:#2C3E50}
.top_banner span{margin-top:20px; font-size:16px; line-height:200%; padding:0 8%; color:#999}
.top_banner span.top_ad{font-size:30px; color:#CA2B2F}
.ourbox{height:500px; position:relative; z-index:100; margin-top:-110px;}
.ourbox_con{width:380px; float:left}
.ourbox i{ display:block; height:220px; width:220px; background-color:#CA2B2F; -moz-border-radius:110px;-webkit-border-radius:110px;border-radius:110px; margin:0 auto; background-image:url(../images/our_icon.png); background-repeat:no-repeat; }
.ourbox i.i_1{ background-position:0 0}
.ourbox i.i_2{ background-position:-220px 0}
.ourbox i.i_3{ background-position:-440px 0}
.ourbox i:hover{background-color:#069;}
.ourbox strong, .ourbox span{ display:block; text-align:center; margin-top:15px}
.ourbox strong{ font-size:26px;font-weight:normal; }
.ourbox strong font{font-size:22px; }
.ourbox span{ line-height:200%; font-size:14px; color:#999; padding:0 25px}
.homeNews{ height:auto; overflow:hidden}
.h_title{ text-align:center; margin-bottom:40px}
.h_title a{ display:block; text-align:center;}
.h_title strong, .h_title a strong{ font-size:30px; olor:#2C3E50}
.h_title span, .h_title a span{ display:block; color:#ccc; font-size:22px; margin-top:5px}
.homeNews { position:relative; width:100%;}
.slider_img{width:1100px; height:490px; position:relative; margin:0 auto}
.slider_img .img_li {width:1100px; height:360px; text-align:center; position:absolute; z-index:100; overflow:hidden;}
.slider_img .img_li li {width:1100px; height:360px; overflow:hidden; text-align:center; position:relative}
.slider_img .img_li li .imgwp{width:650px; height:360px; float:left; background:#f8f8f8}
.slider_img .img_li li a{ display:block;}
.slider_img .img_li li a img{width:650px; height:360px;}
.slider_img .img_li li .info{ float:right;width:400px; height:340px; padding-left:30px; padding-right:20px; text-align:left; overflow:hidden; background:url(../images/new_b_icon.png) no-repeat}
.slider_img .img_li li .info a{ display:block; font-size:26px; color:#fff; line-height:36px; margin-top:70px}
.slider_img .img_li li .info span{ display:block; margin-top:20px; font-size:14px; color:#fff; line-height:200%}
.slider_img .tabs {width:130px; height:14px; position:absolute; top:400px; left:50%; z-index:222;}
.slider_img .tabs ul li {width:auto; height:14px; float:left; margin:0 6px; _display:inline; text-align:center; }
.slider_img .tabs ul li a{display:block; width:14px;height:14px;background:#e8e8e8; color:#fff; line-height:0; font-size:0;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.slider_img .tabs ul li.noopdiv a {background:#CA2B2F;}
.homeNews .r-bg{width:100%; height:320px; background-color:#D84145; position:absolute; top:40px; left:0}
.hot_xuqiuBox {height:160px; position:relative;}
.hot_xuqiuBox .pcont {overflow: hidden; margin:60px auto 0 auto; width:1000px; height:160px;}
.hot_xuqiuBox .ScrCont {width: 20000px; zoom: 1}
.hot_xuqiuBox .ScrCont li{width:500px; height:160px; float:left; position:relative; padding:0 20px;}
.hot_xuqiuBox .ScrCont li span{ display:block; width:140px; height:140px; overflow:hidden;border-radius:70px; position:absolute; left:20px; top:0; z-index:22;}
.hot_xuqiuBox .ScrCont li span img{width:140px; height:140px; border-radius:70px;}
.hot_xuqiuBox .ScrCont li p{ display:block; margin-top:10px; text-align:left; line-height:200%; margin-left:170px; color:#999; font-size:13px}
.hot_xuqiuBox .ScrCont li p strong{ display:block; font-size:24px; font-weight:normal; margin-bottom:15px}
.hot_xuqiuBox .ScrCont li p strong font{ font-size:15px; color:#999; display:block; margin-top:10px}
.hot_xuqiuBox #List1_1 {float: left}
.hot_xuqiuBox #List2_1 {float: left}
.lr{position:absolute; z-index:200; left:0px;width:100%; top:45px; height:60px}
.LeftBotton, .RightBotton{background:url(../images/arr_2.png) no-repeat;width: 30px; height: 60px;}
.LeftBotton{background-position:0 0; float: left; }
.RightBotton{background-position:-30px 0; float:right;}
.LeftBotton:hover{background-position:0 -60px;}
.RightBotton:hover{background-position:-30px -60px;}
.jion_us{ font-size:15px; color:#fff; line-height:200%;}
.jion_us a{ display:block; width:300px; height:60px; line-height:58px; text-align:center; margin-top:60px; margin-left:auto; margin-right:auto; border:#fff 2px solid; color:#fff; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font-size:20px}
.jion_us a:hover{ background:#fff; color:#164998}
.jion_us p{text-indent: 30px}
.title_h{ height:34px;}
.title_h strong{display:block}
.title_h strong a{ display:block; font-size:20px; font-weight:normal}

.class_list{margin-top:80px;width:360px; float:left; padding:0 10px}
.li_top{ display:block; height:200px; overflow:hidden; margin-top:15px;position: relative}
.li_top dt{height:200px; overflow:hidden;}
.li_top dt img{width:100%}
.li_top dd{width:100%;height:30px;position: absolute; padding:0 10px; line-height:30px; bottom:0; background-color:#000000;opacity:0.7;}
.li_top dd{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.li_top dd a{ font-size:16px;color:#fff}
.li_box{overflow:hidden; margin-top:10px; }
.li_box li{ height:30px; line-height:30px; overflow:hidden}
.li_box li a{ float:left; width:82%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:15px }
.li_box li a:hover{ text-decoration:underline;}
.li_box li span{ float:right; color:#999; font-size:13px}
#demo { width: 1100px; height:240px; overflow:hidden; margin:0 auto}
#indemo { float: left; width: 900%;}
#demo1 { float: left;}
#demo2 {float: left;}
.li_box_vip{ height:auto; overflow:hidden; margin-top:10px; margin-bottom:20px}
.li_box_vip li{ width:175px; height:auto; min-height:210px; float:left; margin:0 15px; border:#e8e8e8 1px solid; background-color:#fff; padding:5px}
.li_box_vip li span{ display:block; width:160px; height:160px; overflow:hidden}
.li_box_vip li span img{width:160px;}
.li_box_vip li p{line-height:160%; color:#999; font-size:13px; padding:5px}
.li_box_vip li p strong{ display:block; font-size:15px; margin-bottom:5px}

/*sub page*/
.sub_banner{background-color:#EDF1F6; height:260px;}
.sub_banner strong, .sub_banner span{ display:block; text-align:center}
.sub_banner strong{margin-top:80px; font-size:40px; color:#2C3E50; font-weight:normal}
.sub_banner span{margin-top:10px; font-size:24px; line-height:200%; padding:0 8%; color:#999}
.pageLocal{ padding:10px 20px; color:#999;background:url(../images/88.png) no-repeat left center; border-bottom:#e5e5e5 1px solid; display:none}
.pageLocal a{ color:#999}
.pageLocal a:hover{ color:#F90}
.sub_left_box{width:200px; height:auto;}
.sub_content_box{width:100%; }
.h_title_3{ height:40px; line-height:40px; color:#333; font-size:16px; padding-top:5px; text-align:center}
.content_detail{ line-height:200%; font-size:14px; padding-right:10px;padding-left:10px;}
.content_detail, .content_detail p, .content_detail div{line-height:200%; font-size:15px; margin:10px 0; color:#333}
.content_detail img, .content_detail p img, .content_detail div img{ max-width: 740px; width:expression(this.width > 740 ? "740px" : this.width);}
.sub_h_title{ background:#0086CE; height:auto; padding:10px 10px 10px 15px; -moz-border-radius:0 10px 0 0;-webkit-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;}
.sub_h_title strong{ color:#fff; font-size:16px; font-weight:normal; font-family:"microsoft yahei","微软雅黑"}
.sub_h_title strong em{ display:inline-block; font-style:normal; font-weight:normal; font-size:12px; margin-left:5px}
.sub_nav{ padding:30px 0; width:100%; height:auto; overflow:hidden; text-align:center}
.sub_nav li{ height:auto; line-height:40px; font-size:14px; margin:0 5px;display:inline-block}
.sub_nav li a{ display:block; padding:0 30px; border:#e8e8e8 1px solid; border-radius:20px; font-size:18px}
.sub_nav li a:hover{ background-color:#fff; background-position:140px -40px; border:#ccc 1px solid;}
.sub_contact{ padding:14px; font-size:12px; background:#f8f8f8; border-radius: 0 0 0 10px;}
.sub_contact dt{ font-weight:bold; font-size:12px; border-bottom:#ddd 1px dotted; height:24px;}
.sub_contact dd{ padding:5px 0; line-height:160%;}
.joinbtn a{ display:block; height:30px; line-height:30px; text-align:center; background:#fff; border:#396 1px solid; color:#396; border-radius:5px}
.joinbtn a:hover{background:#396; color:#fff }
.newlist_li_class{margin-top:10px;}
.newlist_li_class ul{border-bottom:#e8e8e8 1px solid;border-top:#e8e8e8 1px solid; padding:20px 0}
.newlist_li_class li{height:36px; line-height:36px; padding:2px 10px 2px 0; }
.newlist_li_class li strong{ font-size:16px; float:left; font-weight:normal}
.newlist_li_class li span{ float:right; color:#666; font-size:14px}
.class_page{ clear:both; height:40px; font-size:14px; color:#666; margin-top:25px; text-align:center }
.class_page a{ display:inline-block; margin:0 5px}
.class_page select{ border:#ccc 1px solid; padding:1px}
.class_page span{ display:inline-block; margin:0 5px}

.news_h_box{padding-top:15px; padding-bottom:5px; border-top:#e8e8e8 1px solid}
.news_h_title{ height:40px; text-align:center; font-size:22px; padding-top:15px;}
.updatetime{ text-align:center; color:#666; padding-top:20px}
.case_listpageBox{ display:block; margin-top:10px; height:auto; overflow:hidden; border-top:#ddd 1px dotted;}
.case_listpageBox li{height:200px; padding:20px 0; border-bottom:#ddd 1px dotted;}
.case_listpageBox li .pBox{ width:200px; height:160px; float:left; overflow:hidden;}
.case_listpageBox li .pBox img{width:200px; height:160px;}
.case_listpageBox li .infoBox{ width:500px; height:160px; margin-left:20px; padding-top:3px; float:left}
.case_listpageBox li .infoBox strong, .case_listpageBox li .infoBox span{ display:block; }
.case_listpageBox li .infoBox strong{ font-size:18px; font-weight:normal}
.case_listpageBox li .infoBox span{ margin-top:10px; line-height:180%; color:#888; font-size:13px}

a.more_btn{ display:block; width:80px; margin-top:10px; height:24px; line-height:24px; text-align:center; border:#ccc 1px solid; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; font-size:12px}
a.more_btn:hover{ background:#fc0; color:#fff; text-decoration:none}

.ld_class{ font-size:14px; font-weight:bold; height:24px; border-left:#0086CE 4px solid; padding-left:2px; margin-bottom:15px}
.ld_class strong{ display:inline-block;height:24px; line-height:24px; padding:0 10px; background:#0086CE; color:#fff; border-radius:0 3px 3px 0;}
.ld_class strong a{ color:#fff}
.ld_listpageBox{ display:block; margin-top:5px; border-top:#e8e8e8 1px solid;}
.ld_listpageBox ul{height:auto; overflow:hidden; clear:both;}
.ld_listpageBox li{height:auto; overflow:hidden ; border-bottom:#e8e8e8 1px solid; padding:40px 15px}
.ld_listpageBox li .pBox{float:left; width:200px; height:200px; overflow:hidden;border-radius:5px;}
.ld_listpageBox li .pBox img{width:200px;height:200px; border-radius:50%;}
.ld_listpageBox li .infoBox{float:left; width:780px; height:auto; padding-top:15px; margin-left:40px}
.ld_listpageBox li .infoBox strong, .ld_listpageBox li .infoBox span{ display:block; }
.ld_listpageBox li .infoBox strong{ font-size:20px}
.ld_listpageBox li .infoBox p{margin-top:10px; font-size:14px; color:#666; line-height:180%}
.ld_listpageBox li .infoBox span{ margin-top:10px; line-height:180%; font-size:14px}
.ld_listpageBox li a.more_btn{ color:#999; margin-top:20px}
.ld_listpageBox li a.more_btn:hover{ color:#fff}

.class_title{display:block; width:140px; text-align:center;line-height:40px; border:#e8e8e8 1px solid; border-radius:20px; font-size:18px; margin:30px auto; font-weight:normal}